﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tab页签</title>
    <script src="../../../WF/Scripts/easyUI/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../WF/Portal/js/sortjs/Sortable.min.js"></script>
    <script src="../../../WF/Scripts/QueryString.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../WF/Scripts/config.js"></script>
    <script type="text/javascript" src="../../../WF/Comm/Gener.js"></script>
    <script src="../../../WF/Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="../../../WF/Scripts/layui/LayuiDialog.js"></script>
    <script src="../../../WF/Scripts/vue.js" type="text/javascript"></script>
    <script src="../../../WF/Scripts/layui/LayuiDialog.js"></script>
    <script src="../../../WF/Scripts/layui/layui/layui.js"></script>
    <link href="../../../WF/Scripts/layui/layui/css/layui.css" rel="stylesheet" />
    <base target="_self" />
    <style>
        .myEnParas {
            width: 100%;
        }

            .myEnParas .row {
                display: flex;
                justify-content: flex-start;
                flex: 0.2;
                height: 40px;
                /*line-height: 40px;*/
                background-color: #FAFAFA;
            }

                .myEnParas .row .item {
                    box-sizing: border-box;
                    flex-shrink: 0;
                    text-align: center;
                    border-right: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                }

        .item-name {
            width: 15%;
            white-space: nowrap;
            cursor: pointer;
            padding-left: 30px;
        }

        .item-other {
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item-docs {
            width: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item-index {
            background-color: #FAFAFA;
            padding-right: 20px;
            color: #999999;
            text-align: center;
        }

        .myEnParas .row .folder-item {
            box-sizing: border-box;
            width: 76%;
            padding-left: 20px;
            cursor: pointer;
        }

        .wrapper .row {
            background-color: #fff;
        }

        #s-main {
            transition: all ease .4s;
            margin-top: 40px;
        }

        .fixed {
            position: fixed;
            top: 25px;
            left: 0;
            width: 100%;
        }

        [v-cloak] {
            display: none;
        }

        .layui-input-block > .layui-form-switch {
            margin-top: 0 !important;
        }
    </style>
    <script type="text/javascript">

        function ViewIt() {
            var pageID = GetQueryString("RefMenuNo");
            var url = "../../Portal/Tabs.htm?PageID=" + pageID;
            window.open(url);
        }
    </script>
</head>
<body>

    <span class="layui-breadcrumb">
        <a>  流程 </a>
        <a><cite>&nbsp;&nbsp;&nbsp;&nbsp;功能组合</cite></a>
    </span>
    <div id="myEnParas" class="myEnParas" v-cloak=v-cloak>
        <div class="row fixed">
            <div class="item item-index">#</div>
            <div class="item item-docs">名称</div>
            <div class="item item-other">标记</div>
            <div class="item item-docs">tip</div>
            <div class="item item-other">
                <div class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs" onclick="NewIt()">
                    <i class="icon-plus" style="margin-right: 6px"></i>+新建流程功能页面组件
                </div>
            </div>
        </div>

        <div class="wrapper" ref="default-row" style="margin-top:44px">

            <div v-for="(myEn,index) in myEns" :data-idx="index" :key="index" :data-id="myEn.MyPK" :data-mypk="myEn.MyPK">
                <div class="row item-name-dp" :data-mypk="myEn.MyPK">
                    <div class="item item-index">  {{index + 1}}</div>

                    <div class="item item-docs" @click.stop="EditIt(myEn.MyPK,myEn.WinDocModel)" style="color:deepskyblue">
                        {{myEn.Name}}
                    </div>

                    <div class="item item-other" v-html="myEn.Mark"></div>
                    <div class="item item-docs" v-html="myEn.Tip"></div>


                    <div class="item item-other">
                        <form class="layui-form" action="">
                            <div class="layui-form-item" style="margin: 0">
                                <div class="layui-input-block" style="margin: 0px;min-height:auto" :data-id="myEn.MyPK"
                                     @click="changeEnableStatus(myEn,this)">
                                    <input type="checkbox" lay-skin="switch" lay-text="ON|OFF"
                                           :checked="parseInt(myEn.isEnable) == 1" />
                                </div>
                            </div>
                        </form>
                    </div>

                    <!--<div class="item item-other" @click.stop="DeleteIt(myEn.No)">
                        <button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs c-btn">
                            <i class="layui-icon layui-icon-delete layui-font-12"></i> 删除
                        </button>
                    </div>-->
                </div>
            </div>
        </div>
    </div>

    <script src="Default.js"></script>
</body>
</html>
